<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>CASE案例</title>
		<link rel="stylesheet" href="css/reset.css"/>
		<link rel="stylesheet" href="css/index.css"/>
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="js/snowflake.js"></script>
	</head>
	<body style="overflow-x:hidden">
		<header id="head">
			<div class="bg"></div>
			<div class="headerInfo">
				<h1 class="logo">
					<a href="#"><img src="img/logo.png"/></a>
				</h1>
				<nav class="navinfo">
					<ul>
						<li class="home"><a href="index.html">首页<span>网站首页!</span></a></li>
						<li class="news"><a href="news.html">新闻<span>我们的信息!</span></a></li>
						<li class="service"><a href="#">服务<span>我们能做什么?</span></a></li>
						<li class="case"><a href="case.html">案例<span>我们做过什么?</span></a></li>
						<li class="solution"><a href="#">解决方案<span>我们有什么?</span></a></li>
					</ul>
				</nav>
			</div>
		</header>
		<section id="caseCon">
			<div class="topInfo">
				<div class="topHead">
					<h1>CASES案例</h1>
					<p>我们的作品，他们的故事Our work，their stories</p>
				</div>
			</div>
			<div class="caseInfo">
				<div class="caseInfoLeft">
					<img src="img/case1.png">
					<img src="img/case2.png">
					<img src="img/case3.png">
				</div>
				<div class="caseInfoRight">
					<img src="img/case4.png">
					<p>名称：某某某控股</p>
					<p>分类：企业官网</p>
					<p>TAG：某某某某形象</p>
					<a href="#">VISIT SITE访问该网站</a>
					<span>某某某控股」是中国具有代表性的不动产投资、发展和经营企业，致力于中国生活的缔造，是城市区域价值的提升者。 「某某某控股」品牌蕴含 “***，***，***”的企业精神，</span>
				</div>
			</div>
			<div class="more">
				<div class="moreimg">
					<a href="#">返回案例列表</a>
				</div>
			</div>
		</section>
		<footer>
			<div id="footerlink">
				<nav class="wrapper">
					<a href="javascript:;">首页</a>
					<a href="javascript:;">关于</a>
					<a href="javascript:;">服务</a>
					<a href="case.html">案例</a>
					<a href="javascript:;">方案</a>
					<a href="javascript:;">联系</a>
					<a href="news.html">新闻</a>
					<a href="#" id="toTop">top</a>
				</nav>
			</div>
			<div id="footerinfo">
				<div class="wrapper">
					<h2>联系我们<br />
						Contact
					</h2>
					<p>
						<a target="_blank" href="javascript:if(confirm('http://wpa.qq.com/msgrd?v=3&uin=429592913&site=qq&menu=yes'))window.location='http://wpa.qq.com/msgrd?v=3&uin=429592913&site=qq&menu=yes'">
							<img src="img/qq1.png" class="callqq">
						</a><br/>
						<br/>电话：400 8888 8888<br/>
							传真：400 8888 8888<br/>
							电子邮件：admin@nicai.com<br/>
							公司地址：北京市某某某某某某某某某<br/>
							备案编号：京ICP备000000001<br/>
							Copyright © 2015 - 2017 mycodes.net All rights reserved.
					</p>
					<img src="img/map.gif">
				</div>
				<div class="links">
					<h2>友情链接<br/>Links</h2>
					<ul>
						<li><a href="javascript:;">公司名称</a></li>
						<li><a href="javascript:;">公司名称</a></li>
						<li><a href="javascript:;">公司名称</a></li>
						<li><a href="javascript:;">公司名称</a></li>
					</ul>
				</div>
			</div>
		</footer>
		<div id="maxBox"></div>
	</body>
	<script>
		$(function(){
			$('.navinfo li').hover(function(){
				$(this).stop().animate({'background-position-x':'6px','opacity':'0.7'},100);
			},function(){
				$(this).stop().animate({'background-position-x':'10px','opacity':'1'},100);
			});
		})
	</script>
</html>
